<template>
  <div style="background-color:#000">
    <div class="container">
      <div>
        <ol class="breadcrumb">
          <li><a href="/#/workbox" style="color:#ee792c">工具箱</a></li>
          <li class="active" style="color:#cbcbcb">UDID</li>
        </ol>
      </div>
      <el-row style="background: url('/static/workbox/udid/udid_bk.jpg')">
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
          <div class="content" style="background-color: rgba(80, 80, 80, 0.2)">
            <el-row>
              <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <div class="title">一步快速获取iOS设备的UDID</div>
              </el-col>
            </el-row>
            <el-row>
              <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <div class="p-text">
                  <p class="text">
                    请在 <span>iPhone</span> 或 <span>iPad</span>上打开
                    <span>Safari</span> 浏览器输入
                    <span style="color:#ff7226">
                      https://lumayun.com/udid.html
                    </span>
                    或者扫描右面的 <span>二维码</span> ，即可快速获取UDID
                  </p>
                </div>
              </el-col>
            </el-row>
            <el-row>
              <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
                <div class="img">
                  <el-image src="/static/workbox/udid/pad-phone.png" class="work_img"></el-image>
                </div>

              </el-col>
              <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
                <div class="img">
                  <el-image src="/static/workbox/udid/ewm.png" class="work_img ewm-img"></el-image>
                </div>
              </el-col>
              <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <div class="text1">
                  <p>什么是UDID？</p>
                  UDID，是iOS设备的一个唯一识别码，每台iOS设备都有一个独一无二的编码，这个编码，我们称之为识别码，也叫做UDID（Unique Device Identifier）
                  <br>
                  <br>
                  <p>扫描后系统提示输入密码？</p>
                  如果您扫描后系统提示输入密码，请输入锁屏密码
                </div>
              </el-col>
            </el-row>
          </div>
        </el-col>
      </el-row>
      <el-row style="margin-top:40px">
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
          <div class="sponsor">
            <img src="/static/workbox/udid/udid_zs.png" alt="">
            <p>
              <span>IOS企业证书生成</span><br>
              使用企业证书可免费提交AppStore，即可安装，不限制IOS设备，不限制下载次数，无限制安装。
            </p>
          </div>
          <div class="sponsor">
            <img src="/static/workbox/udid/udid_gxks.png" alt="">
            <p>
              <span>APP&nbsp;下载便捷、高效</span><br>
              提供APP多套下载模板，提高用户下载转化率，自动判断设备类型区分安卓或者苹果，快速无广告急速下载。
            </p>
          </div>
          <div class="sponsor">
            <img src="/static/workbox/udid/udid_mf.png" alt="">
            <p>
              <span>APP&nbsp;免费、快捷托管</span><br>
              一键上传APP，迅速生成下载链接和二维码，立即上线，让您的App尽快与用户见面，为你提供免费、快捷的应用托管分发服务。
            </p>
          </div>
        </el-col>
      </el-row>
    </div>
    <statement></statement>
  </div>
</template>

<script>
  import statement from "@/components/common/statement";
  export default {
    //import引入的组件需要注入到对象中才能使用
    components: {
      statement,
    },
    data() {
      //这里存放数据
      return {};
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {},
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {},
  };

</script>
<style scoped>
  .breadcrumb {
    margin: 20px 0px 0px 0px;
    background-color: transparent;
  }

  .content {


    box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
  }

  .title {
    text-align: center;
    margin-top: 50px;
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ee792c;
    line-height: 20px;
  }

  .text {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
  }

  .text span {
    font-size: 14px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #ff7226;
    line-height: 20px;
  }

  .text1 {
    font-family: PingFangSC-Regular, PingFang SC;
    color: #ccc;
    line-height: 20px;
    text-align: left;
    margin: 50px 20px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 30px;
  }

  .text1 p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }

  .img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    vertical-align: middle;
  }

  .ewm-img {
    width: 15vw;
    border: 1px dotted #ff7226;
    border-radius: 10px;
    padding: 30px;
  }

  .sponsor {
    background-color: rgba(80, 80, 80, 0.2);
    height: 125px;
    position: relative;
    width: 100%;
    border-radius: 20px;
    margin: 20px 0px;
  }

  .sponsor img {
    float: left;
    width: 85px;
    margin: 20px 30px;
  }

  .sponsor p {
    padding-top: 20px;
    font-size: 14px;
    color: #ccc;
    line-height: 40px;
  }

  .sponsor p span {
    font-size: 16px;
    color: #fff;
  }

</style>
